@import '../../utils/common.scss';
.passportContainer {
  margin-top: .56rem;
  margin-left: .4rem;
  .titleSize {
    @include font-dpr($primary-size-lg)
  }
  .idUploadContainer {
    overflow: hidden;
    margin-top: .533333rem;
    .idTitle {
      text-align: center;
      margin-top: .8rem;
      color: #ffffff;
      @include font-dpr(12Px)
    }
    .uploadFace {
      width: 4.32rem;
      height: 3.36rem;
      float: left;
      @include image('../../assets/images/resetPassword/img_identity card1');
    }
    .uploadBack {
      width: 4.32rem;
      height: 3.36rem;
      float: right;
      margin-right: .4rem;
      @include image('../../assets/images/resetPassword/img_identity card2');
    }
    .cameraView {
      text-align: center;
      width: .96rem;
      height: .96rem;
      margin-top: .96rem;
      margin-left: 1.68rem;
      @include image('../../assets/images/resetPassword/icon_camara')
    }
  }
  .photoTip {
    margin-top: .8rem;
    .photoTipTitle {
      @include font-dpr($primary-size-md)
    }
    .tipImageContainer {
      text-align: center;
      margin-top: .533333rem;
      display: flex;
      overflow: hidden;
      .tip {
        margin-right: .8rem;
        .tipImage {
          float: left;
          width: 1.706667rem;
          height: 1.12rem;
        }
        .right {
          @include image('../../assets/images/resetPassword/img_hint1');
        }
        .svgSize {
          width: .373333rem;
          height: .373333rem;
          margin-top: .24rem;
        }
        .example {
          @include font-dpr (12Px);
          color: #999999;
        }
        .defect {
          @include image('../../assets/images/resetPassword/img_hint2');
        }
        .vague {
          @include image('../../assets/images/resetPassword/img_hint3');
        }
        .light {
          @include image('../../assets/images/resetPassword/img_hint4');
        }
      }
    }
    .tipInfo {
      margin-top: .906667rem;
      @include font-dpr($primary-size-xs);
      color: #999999
    }
  }
  :global {
    .am-button-primary {
      width: 9.2rem;
      background: $primary-color;
      @include font-dpr($primary-size-md);
      font-weight: 0;
      margin-top: .533333rem;
    }
  }
}